<template>
	<view>
		<u-tabs :list="list" :is-scroll="false" :current="current" @change="change" active-color="#dd6161"></u-tabs>
		<view class="lists">
			<u-table>
				<u-tr>
					<u-th>排名</u-th>
					<u-th>大区</u-th>
					<u-th>联盟</u-th>
					<u-th>部落</u-th>
					<u-th>阵营对比</u-th>
				</u-tr>
				<u-tr v-for="item in 20">
					<u-td>1</u-td>
					<u-td>碧空之歌</u-td>
					<u-td>22</u-td>
					<u-td>10000</u-td>
					<u-td>部落优势</u-td>
				</u-tr>
			</u-table>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					name: '联盟'
				}, {
					name: '部落'
				}],
				current: 0
			};
		},
		methods:{
			change(index) {
				this.current = index;
			}
		}
	}
</script>

<style lang="scss">
	.lists{
		margin-top: 20rpx;
	}
</style>
